<%
layout("/layouts/platform.html"){
%>
<header class="header navbar bg-white shadow">
    <div class="btn-group tool-button">
        <a class="btn btn-primary navbar-btn" href="${base}/platform/cms/channel" data-pjax id="goback"><i class="ti-angle-left"></i> 返回</a>
    </div>
</header>

<div class="content-wrap">
    <div class="wrapper" style="min-height:500px;">
        <section class="panel panel-form">
            <form id="addForm" role="form" class="form-horizontal parsley-form" data-parsley-validate
                  action="${base}/platform/cms/channel/editDo" method="post">
                <input id="id" name="id" type="hidden" value="${obj.id!}">
                <input type="hidden" id="isShow" name="isShow" value="${obj.isShow!}">
                <input type="hidden" id="hasChildren" name="hasChildren" value="${obj.hasChildren!}">
                <div class="row mb10">
                    <div class="col-lg-12">
                        <div class="form-group has-feedback">
                            <label for="parentId" class="col-sm-2 control-label">上级菜单</label>

                            <div class="col-sm-8">
                                <input id="parentId" type="text" class="form-control" placeholder="顶级菜单" disabled
                                       value="<%if(!isEmpty(parentMenu)){%>${parentMenu.name}<%}%>"/>
                                <input type="hidden" name="parentId" value="<%if(!isEmpty(parentMenu)){%>${parentMenu.id}<%}%>">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="name" class="col-sm-2 control-label">栏目名称</label>

                            <div class="col-sm-8">
                                <input type="text" id="name" class="form-control" name="name" data-parsley-required="true"
                                       placeholder="栏目名称" value="${obj.name!}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="type" class="col-sm-2 control-label">栏目类型</label>

                            <div class="col-sm-8">
                                <select class="form-control" name="type" id="type">
                                    <option value="article" <%if(obj.type=="article"){%>selected<%}%>>文章</option>
                                    <option value="photo"  <%if(obj.type=="photo"){%>selected<%}%>>相册</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="url" class="col-sm-2 control-label">URL路径</label>

                            <div class="col-sm-8">
                                <input type="text" id="url" name="url" class="form-control" placeholder="URL" value="${obj.url!}">

                            </div>
                        </div>
                        <div class="form-group">
                            <label for="target" class="col-sm-2 control-label">打开方式</label>

                            <div class="col-sm-8">
                                <select class="form-control" name="target" id="target">
                                    <option value="_self" <%if(obj.target=="_self"){%>selected<%}%>>本页面</option>
                                    <option value="_blank" <%if(obj.target=="_blank"){%>selected<%}%>>新页面</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="disabled" class="col-sm-2 control-label">是否禁用</label>
                            <div class="col-sm-8 switcha">
                                <div class="mr15">
                                    <input type="checkbox" id="disabled" name="disabled"  <%if(obj.disabled){%>checked<%}%> class="js-switch-blue" >
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3"></div>
                    <div class="col-lg-6">
                        <div class="form-group text-center">
                            <label></label>

                            <div>
                                <button id="save" TYPE="button" class="btn btn-primary btn-block btn-lg btn-parsley" data-loading-text="正在提交...">提 交</button>
                            </div>
                        </div>
                    </div>
            </form>
        </section>

    </div>
</div>
<a class="exit-offscreen"></a>
<script language="JavaScript">
    $(document).ready(function () {
        myForm.init();
        //图标样式 实时预览
        $("input[name=homepage]").on("change", function(){
            if('true'==$(this).val()){
                $("#div").show();
            }else{
                $("#div").hide();
            }
        });
        $("#save").on("click",function(){
            $('#addForm').submit();
        });
        $('#addForm').ajaxForm({
            dataType: 'json',
            beforeSubmit: function (arr, form, options) {
                form.find("button:submit").button("loading");
            },
            success: function (data, statusText, xhr, form) {
                if (data.code==0) {
                    Toast.success(data.msg);
                    setTimeout(function () {
                        $("#goback").trigger("click");
                    }, 1000);
                } else {
                    Toast.error(data.msg);
                }
                form.find("button:submit").button("reset");
            }
        });
    });
</script>

<%}%>